@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	font-family: Microsoft YaHei;
	font-size: 1rem;
	line-height: 1.5;
	color: #373a3c;
	background-color: #fff;
	width:100%;
	max-width:100%;
	min-width:1100px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, tr, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
input:hover, input:active, input:focus {
	outline: 0;
}
ul, ul li, input, dl, dd {
	padding:0;
	margin:0;
	list-style-type:none;
}
img, a img {
	border:0;
	margin:0;
	padding:0;
}
img {
	vertical-align: middle;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:#444;
	-moz-transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
a:hover {
	text-decoration:none;
	cursor:pointer
}
.fl {
	float:left;
}
.fr {
	float:right;
}
textarea {
	resize:none;
	overflow:auto;
}
.clearfix:after {
	content:'';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.baseDiv {
	width:1200px;
	margin:0 auto;
	margin-left:auto !important;
	margin-right:auto !important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.h20 {
	height:20px;
}
.h30 {
	height:30px;
}
.h50 {
	height:50px;
}
.h60 {
	height:60px;
}
.s_width {
	width: 1300px;
}
.myClass {
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}
/*top*/
.head {
	width:100%;
	height:90px;
	z-index:1000;
	position: absolute;
	top:0;
	background: rgba(255, 255, 255, .3);
}
.logo_box {
	margin-left: 2%;
}
.menu_box {
	width:55%;
	height:90px;
	margin-left:5%;
}

.nav {
	width:100%;
}
.nav li {
	width:12%;
	float: left;
	list-style: none;
	text-align: center;
	float: left;
	height: 90px;
	position: relative;
	background: url(../images/xian.png) right center no-repeat;
}
.nav li a {
	text-align: center;
	font-size:16px;
	font-family:"微软雅黑";
	position: relative;
 transition: all .3s;
	height:90px;
	width: 100%;
	line-height: 90px;
	display: block;
	float: left;
	color:#000;
}
.nav li:hover, ul.nav li.hover {
	color: #ffffff;
	background:#244eb4;
	transition:all 0.5s;
}
.nav li b {
	font-family:"微软雅黑";
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 90px;
	height:90px;
	display: inline-block;
	font-weight: normal;
}
.nav li:hover b {
	color: #fff;
}
.nav li span {
	color: #ffffff;
	font-family: 'Arial';
	line-height: 12px;
}
.nav li ul {
	width: 244px;
	top: 90px;
	line-height: 30px;
	position: absolute;
	z-index: 999;
	left: 0;
	display: none;
}
.nav li ul li {
	float: left;
	height: 40px;
	width: 120px;
	border-bottom: 1px dotted #fcf5c1;
	background: none;
	background-color: #ffffff;
	line-height: 40px;
	position: relative;
}
.nav li ul li a {
	color: #000000;
	line-height: 40px;
	height: 40px;
	display: block;
	padding: 0;
	position: relative;
}
.nav li ul li a:before {
	content: '';
	color: #cccccc;
}
.nav li ul.pro-list {
	z-index:99999;
	width:880px;
	left: -300px;
	box-shadow: 0 0 10px #000000;
	background: rgba(45, 101, 214, 0.95);
}
.nav li ul.pro-list li {
	width: 220px;
	height: 205px;
	border-bottom: none;
	background: none;
}
.nav li ul.pro-list li a {
	font-family:"微软雅黑";
	color: #fff;
	font-weight:500;
	font-size: 15px;
}
.nav li ul.pro-list li a:hover {
	color: #fff58b !important;
}
.nav li ul.pro-list li a.topic {
	height: 100px;
}
.nav li ul.pro-list li a.topic img {
	width: 190px;
	height: 145px;
	border: 1px solid #cfcfcf;
}
.nav li ul.pro-list li dl dd a {
	border-bottom: none;
	font-size: 12px;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
}
.nav li ul.pro-list li:hover {
	background-color: #004190;
}
.nav li ul.pro-list li:hover a {
	color: #ffffff;
}
.tel {
	background:url(../images/tel.png) left center no-repeat;
	color:#777;
	font-size:16px;
	padding-left:55px;
	margin-top:20px;
	margin-right: 2%;
}

.tel span {
 display:block;
 font-size:25px;
 font-family:"Impact";
 color:#df0800;
}
/*banner*/

.banner {
 width:100%;
 background:#fafafa;
 z-index:11;
 position: relative;
}
.banner_slides {
 position:relative;
 overflow:hidden;
 width:100%;
 margin:auto;
}
.banner_slides, .slides_container, .slides_control, .banner_pic {
 height:680px;
}
.banner_slides li.slidesjs-slide {
 width:100%;
 height:680px;
}
.banner_slides li a {
}
.banner_pic {
 display:block;
 width:100%;
 height:680px;
}
.slides_btn {
 position:absolute;
 z-index:999;
 display:block;
 width:40px;
 height:70px;
 margin-top:-35px;
 top:50%;
 overflow: hidden;
 text-indent:-9999px;
 background-color:#fff;
 filter:alpha(opacity=20);
 -moz-opacity:0.2;
 opacity:0.2;
 background-position: center center;
 background-repeat:no-repeat;
}
.banner:hover .slides_btn {
 filter:alpha(opacity=60);
 -moz-opacity:0.6;
 opacity:0.6;
}
.btn_previous {
 left:2%;
 background-image:url(../images/pre01.png);
}
.btn_previous:hover {
 background-color:#333;
 background-image:url(../images/pre02.png);
}
.btn_next {
 right:2%;
 background-image:url(../images/next01.png);
}
.btn_next:hover {
 background-color:#333;
 background-image:url(../images/next02.png);
}
/* 顶部优势*/

.hotkey {
 height: 100px;
 background: #2d65d6;
}
.hotkey_box {
 width: 1200px;
 margin: 0 auto;
 padding-top: 20px;
}
.hotkey_box ul li {
 width: 260px;
 float: left;
 margin-right: 30px;
 margin-left: 10px;
}
.hotkey_box ul li img {
 font-size: 50px;
 color: #666;
 text-align: center;
 float: left;
 line-height: 50px;
}
.hotkey_box ul li p {
 float: right;
 width: 175px;
 padding-left: 0px;
 line-height: 26px;
 font-size: 15px;
 color: #8fb4ff;
}
.hotkey_box li span {
 display: block;
 font-size: 20px;
 color: #fff;
}
/* index pro*/


/* 主推产品*/
.zhutui_box {
 height: auto;
 background: #f1f1f1;
 padding-bottom: 40px;
}
.wrap-title {
 text-align: center;
 padding-top: 30px;
 padding-bottom: 10px;
}
.wrap-title h2 {
 font-size: 35px;
 font-weight: bold;
 color: #333;
}
.wrap-title h2 b {
 color: #0f5fc0;
}
.wrap-title span {
 font-size: 18px;
 color: #333;
 letter-spacing: 1px;
 display: block;
 background: url(../images/xiana.png) center no-repeat;
 height: 40px;
 line-height: 40px;
}
.wrap-title em {
 display: block;
 width: 45px;
 height: 2px;
 background: #e30000;
 margin: 0 auto;
 margin-top: 10px;
 margin-bottom: 30px;
}
.wrap-title a:hover h2 {
 color: #cc0500
}
.team-list {
 width:1197px;
 border:#ddd solid 1px;
 border-right:none;
 border-bottom:none;
 overflow:hidden;
}
.team-list .item {
 position:relative;
 float:left;
 width:398px;
 height:208px;
 overflow:hidden;
 border-right:#ddd solid 1px;
 border-bottom:#ddd solid 1px;
 background:#fff;
}
.team-list .item a {
 display:block;
 width:399px;
 height:248px;
 overflow:hidden;
}
.team-list .text {
 position:relative;
 z-index:22;
 margin:40px 30px;
 height:134px;
 line-height:1.3;
 overflow:hidden;
}
.team-list .text span {
 display:block;
 font-size:20px;
 color:#333;
 line-height: 32px;
}
.team-list .text p {
 font-size:13px;
 color:#999;
 font-family:Arial;
 text-transform: uppercase;
}
.team-list .text i {
 display:block;
 position:absolute;
 left:0;
 bottom:0;
 width:25px;
 height:25px;
 overflow:hidden;
}
.team-list .text i img {
 display:block;
 width:25px;
 height:25px;
}
.team-list .pic {
 position:absolute;
 z-index:1;
 top:25px;
 right:-10px;
 width:248px;
 height:248px;
 overflow:hidden;
}
.team-list .pic img {
 display:block;
 width:200px;
 height:200px;
 transition: all 1s;
}
.team-list .pica {
 position:absolute;
 z-index:1;
 top:0;
 right:-20px;
 width:350px;
 height:250px;
 overflow:hidden;
}
.team-list .pica img {
 display:block;
 width:320px;
 height:220px;
 transition: all 1s;
}
.team-list .item04 {
 width:598px;
}
.team-list .item05 {
 width:597px;
}
.team-list .item04 .pic, .team-list .item05 .pic {
 right:0px;
}
.team-list .item:after, .team-list .item:before {
 position:absolute;
 z-index:333;
 display:block;
 content:"";
 width:0;
 height:2px;
 background:#42d4f1;
 transition: all 1s;
}
.team-list .item:after {
 top:0;
 left:0;
 background: linear-gradient(to right, #4d9cff, #0f5fc0);
}
.team-list .item:before {
 bottom:0;
 right:0;
 background: linear-gradient(to right, #0f5fc0, #4d9cff);
}
.team-list .item:hover:after, .team-list .item:hover:before {
 width:100%;
}
.team-list .item:hover .pic img {
 transform:scale(1.1);
}
.ca-bt {
 text-align: center;
 width: 700px;
 margin: 0 auto;
 padding-top: 30px;
}
.ca-bt b {
 font-size: 38px;
 color: #cfcfcf;
 display: block;
 border-bottom: 1px #bcbcbc solid;
 line-height: 60px;
}
.ca-bt b span {
 color: #d53433;
}
.ca-bt h3 {
 font-size: 35px;
 color: #000;
}
.ca-bt h3 a {
 font-weight: bold;
 color: #d53433;
}
.ca-bt p {
 font-size: 16px;
}
.ca-bt:hover b span {
 color: #0f5fc0;
}
.ca-bt:hover h3 a {
 color: #0f5fc0;
}
.class_box {
 width: 83%;
 margin: 0 auto;
 margin-top: 20px;
}
 .classify {
 margin: 0 auto;
 margin-top: 20px;
}
.classify ul li {
 float: left;
 height: 50px;
 background: #2d65d6;
 border-bottom: 5px #0f5fc0 solid;
 width: 24.7%;
 margin-right: 1px;
 margin-bottom: 10px;
 line-height: 50px;
 text-align: center;
}
.classify ul li a {
 color: #fff;
 font-size: 16px;
 display: block;
}
.classify ul li:hover {
 background: #d53433;
 border-bottom: 5px #b60100 solid;
}
.classifya {
 padding-top: 50px;
}
.classifya ul li {
 float: left;
 height: 40px;
 background: #d1e1f5;
 margin-bottom: 10px;
 line-height: 40px;
 text-align: center;
 width: 180px;
 border-radius: 25px;
 margin-left: 15px;
}
.classifya ul li a {
 color: #333;
 font-size: 16px;
 display: block;
}
.classifya ul li:hover {
 background: #dc0000
}
.classifya ul li:hover a {
 color: #fff;
}
#pro-box1 {
 width: 85%;
 overflow: hidden;
 margin: 50px auto;
}

 #pro-box1 li {
 width: 23.5%;
 height: 375px;
 background: #fff;
 margin: 15px 0.5% 40px 0.5%;
 float: left;
 list-style: none;
 position: relative;
 z-index: 0;
 border-bottom: solid 1px #e0e0e0;
 box-sizing: border-box;
}
#pro-box1 li .Img div {
 width: 100%;
 height: 285px;
 padding: 0;
 margin: 0;
 display: block;
}
#pro-box1 li p {
 position: absolute;
 width: 100%;
 height: 90px;
 background: #fff;
 z-index: 999;
 left: 0;
 bottom: 0;
}
#pro-box1 li p .sytitle {
 width: 100%;
 line-height:85px;
 font-size: 18px;
 color: #555;
}
#pro-box1 li p .smore {
 font-size: 16px;
 color: #555;
 line-height: 40px;
 display: block;
 text-align: center;
 width: 35%;
 z-index: 3;
 margin: 0 auto;
 border-radius: 20px;
 position: absolute;
 right: 8px;
 bottom: 20px;
 border: 1px #dcdcdc solid;
}
#pro-box1 li:hover {
 box-shadow: 0px 0px 10px #ccc;
 text-align: center;
}
#pro-box1 li:hover p {
 background: #2d65d6;
}
#pro-box1 li:hover p .sytitle {
 text-align: center;
 color: #fff;
}
#pro-box1 li:hover p .smore {
 background:#d53433;
 font-size: 18px;
 color: #fff;
 line-height: 40px;
 display: block;
 text-align: center;
 width: 70%;
 position: absolute;
 z-index: 3;
 margin: 0 auto;
 bottom: -20px;
 left: 0;
 right: 0;
 border-radius: 20px;
}
#pro-box1 li .avatar {
 position: relative;
}
#pro-box1 li .avatar {
 display: block;
 height: 285px;
 overflow: hidden;
 width:100%;
}
#pro-box1 li .avatar .myClass {
 height: 285px;
}
.avatar:after {
 bottom: 0;
 content: url("../images/bg_play.png");
 left: 5px;
 position: absolute;
 z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
 box-shadow: 0 0 10px gray;
}
.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
 transform: scale(1.3);
 transition: all 1s ease 0s;
 -webkit-transform: scale(1.3);
 -webkit-transform: all 1s ease 0s;
}
/*优势*/
.guanggao {
 height: 210px;
 background: url(../images/advbj.jpg) center no-repeat;
 margin-top: 40px;
}
.ggfl {
 width: 500px;
 padding-top: 30px;
}
.ggfl h3 {
 color: #fff;
 font-size: 30px;
 font-weight: bold;
 display: block;
 height: 70px;
 line-height: 70px;
 background: url(../images/xian.jpg) left bottom no-repeat;
 margin-bottom: 20px;
}
.ggfl b {
 font-size: 18px;
 font-weight: bold;
 color: #fff;
}
.ggfl span {
 font-size: 16px;
 color: #9ab4ec;
 text-transform: uppercase;
 line-height: 35px;
}
.ggfr {
 width: 700px;
 text-align: center;
 padding-top: 45px;
}
.ggfr span {
 color: #fff;
 font-size: 30px;
}
.ggfr em {
 display: block;
 width: 70px;
 height: 3px;
 background:#ff0e0e;
 margin: 0 auto;
 margin-top: 10px;
}
.advbj {
 height: 730px;
 background:url(../images/youshibj.jpg) center no-repeat;
}
.yszhutu img {
 display: block;
 margin: 0 auto;
 padding-top: 80px;
animation: ball .6s infinite alternate;
}
.yslba {
 width: 470px;
 position: absolute;
 left: 0;
 top: 80px;
}
.yslba p {
 display: block;
 width: 100px;
 height: 100px;
 text-align: center;
 line-height: 100px;
 color: #fff;
 font-size: 35px;
 background: url(../images/yuan.png) center no-repeat;
}
.ysnr {
 width: 350px;
}
.ysnr b {
 font-size: 30px;
 color: #333;
 text-align: right;
 display: block;
}
.ysnr span {
 color: #acacac;
 font-size: 15px;
 font-family: "Times New Roman";
 display: block;
 text-transform: uppercase;
 text-align: right;
}
.ysnr ul {
 margin-top: 20px;
}
.ysnr ul li {
 height: 35px;
 line-height: 35px;
 color: #787878;
 font-size: 16px;
 background: url(../images/dian.png) left center no-repeat;
 padding-left: 20px;
}
.yslbb {
 width: 470px;
 position: absolute;
 right: 0;
 top: 80px;
}
.yslbb p {
 display: block;
 width: 100px;
 height: 100px;
 text-align: center;
 line-height: 100px;
 color: #fff;
 font-size: 35px;
 background: url(../images/yuan.png) center no-repeat;
}
.ysnra {
 width: 350px;
}
.ysnra b {
 font-size: 30px;
 color: #333;
}
.ysnra span {
 color: #acacac;
 font-size: 15px;
 font-family: "Times New Roman";
 display: block;
 text-transform: uppercase;
}
.ysnra ul {
 margin-top: 20px;
}
.ysnra ul li {
 height: 35px;
 line-height: 35px;
 color: #787878;
 font-size: 16px;
 background: url(../images/dian.png) left center no-repeat;
 padding-left: 20px;
}
.yslbc {
 width: 470px;
 position: absolute;
 left: 0;
 bottom: 50px;
}
.yslbc p {
 display: block;
 width: 100px;
 height: 100px;
 text-align: center;
 line-height: 100px;
 color: #fff;
 font-size: 35px;
 background: url(../images/yuan.png) center no-repeat;
}
.yslbd {
 width: 470px;
 position: absolute;
 right: 0;
 bottom: 100px;
}
.yslbd p {
 display: block;
 width: 100px;
 height: 100px;
 text-align: center;
 line-height: 100px;
 color: #fff;
 font-size: 35px;
 background: url(../images/yuan.png) center no-repeat;
}
.ystel {
 text-align: center;
 color: #fff;
 font-size: 23px;
 margin-top: 55px;
}
.ystel span {
 font-family: "Impact";
 font-size: 30px;
}
/*公司简介*/
.Iabout {
 height:780px;
 background:url(../images/abbj.jpg) bottom no-repeat;
}
.abzc {
 width: 630px;
 height: 470px;
 position: absolute;
 left: 0;
 top: 150px;
}
.abzc ul {
 display: block;
}
.abzc ul li {
 float: left;
 text-align: center;
 width:147px;
 margin-top: 10px;
}
.abzc ul li img {
 width: 60px;
 height: 60px;
 display: block;
 margin: 0 auto;
}
.abzc ul li a {
 line-height: 45px;
 font-size: 16px;
 font-weight: bold;
}
.abzc ul li:hover img {
 cursor:pointer;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg)
}
.abzc ul li:hover a {
 color: #e00000
}
.abyc {
 width:500px;
 height: 450px;
 background: #1b82e6;
 margin-top: 60px;
 padding: 20px 30px 50px 80px;
}
.abyc span {
 color: #fff;
 font-size: 25px;
 line-height: 60px;
}
.abyc p {
 color: #fff;
 font-size: 16px;
 line-height: 28px;
}
.abyc a {
 display: block;
 width: 45px;
 height: 45px;
 border: 1px #fff solid;
 border-radius: 50px;
 line-height: 45px;
 text-align: center;
 margin-top: 30px;
 color: #fff;
 font-size: 25px;
}
/*案例展示*/
.Case_box {
 background:url(../images/hotbj.jpg) center no-repeat;
 height:500px;
 background-attachment: fixed;
 background-position: center;
 background-size: cover;
}
.wrap-titlea {
 text-align: center;
 padding-top: 20px;
}
.wrap-titlea h2 {
 font-size: 35px;
 font-weight: bold;
 color: #fff;
}
.wrap-titlea h2 b {
 color: #fff;
}
.wrap-titlea span {
 font-size: 18px;
 color: #fff;
 letter-spacing: 1px;
 display: block;
 background: url(../images/xiana.png) center no-repeat;
 height: 40px;
 line-height: 40px;
}
.wrap-titlea em {
 display: block;
 width: 45px;
 height: 2px;
 background: #e30000;
 margin: 0 auto;
 margin-top: 10px;
 margin-bottom: 30px;
}
#demokk {
 overflow:hidden;
 width:100%;
}
#demokk .demowrap {
 overflow:hidden;
 width:30000px;
}
#demokk .demowrap li {
 float:left;
 margin:0 1px 1px 0;
 display:inline;
 width:390px;
 margin-right: 10px;
}
#demokk .demowrap li a {
 display:block;
 width:390px;
 height:290px;
 overflow:hidden;
 position:relative;
}
#demokk .demowrap li a:hover img {
 transform:scale(1.2, 1.2);
 -moz-transform:scale(1.2, 1.2);
 -webkit-transform:scale(1.2, 1.2);
 -o-transform:scale(1.2, 1.2);
transition:all .5s;
}
#demokk .demowrap li .project_info {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
transition:all ease-out .3s;
}
#demokk .demowrap li a:hover .project_info {
 background: initial;
}
#demokk .demowrap li .project_info div {
 position:relative;
 top:245px;
 left: 0;
 height: 45px;
 line-height: 45px;
}
#demokk .demowrap li .project_info p.title {
 color:rgba(0, 0, 0, 0);
 font-size:16px;
transition:all ease-out .3s;
}
#demokk .demowrap li .project_info p {
 text-align:center;
 color:#fff;
 padding:0 20px;
}
#demokk .demowrap li a:hover .project_info p.title {
 color:#fff;
 background-color: rgba(2, 98, 186, 0.8);
}
/*新闻*/
.newsbj {
 width:100%;
 background:#fff;
 height: 630px;
}
.xw-l {
 width: 600px;
 position: relative;
}
.xw-l .xwzc {
 width: 460px;
 height: 180px;
 background: #fff;
 box-shadow: 0 3px 5px #8c8c8c;
 position: absolute;
 left: 40px;
 bottom:-120px;
 padding: 30px;
}
.xw-l .xwzc h3 {
 font-size: 18px;
 color: #333;
 line-height: 50px;
}
.xw-l .xwzc p {
 color: #555;
 font-size: 14px;
 line-height: 25px;
}
.xw-l .xwzc .xwmore {
 display: block;
 width: 40px;
 height: 40px;
 background: #e30000;
 border-radius: 50px;
 line-height: 35px;
 text-align: center;
 margin-top: 20px;
 color: #fff;
 font-size: 23px;
}
.xw-l:hover .xwzc h3 a {
 padding-left: 13px;
 color: #e30000;
 transition:all 0.5s;
}
.xw-l .avatara {
 position: relative;
}
.xw-l .avatara {
 display: block;
 height: 430px;
 overflow: hidden;
 width:600px;
}
.avatara:hover, .zhuti .avatara:hover, .bbsinner .avatara:hover {
 box-shadow: 0 0 10px gray;
}
.avatara:hover img, .zhuti .avatara:hover img, .bbsinner .avatara:hover img {
 transform: scale(1.3);
 transition: all 1s ease 0s;
 -webkit-transform: scale(1.3);
 -webkit-transform: all 1s ease 0s;
}
.xw-r {
 width: 570px;
 height: 400px;
 background: #fff;
}
.xwone {
 height: 130px;
 border-bottom: 1px #e6e6e6 solid;
 width: 570px;
 margin:0 auto;
 margin-bottom: 20px;
}
.xwone img {
 width: 170px;
 height: 110px;
 float: left;
}
.xwone p {
 display: block;
 width: 380px;
 float: right;
 font-size: 14px;
 color: #6c6c6c;
 line-height: 23px;
}
.xwone p span {
 display: block;
 color: #000;
 font-size: 16px;
 line-height: 40px;
}
.xwone:hover p span {
 font-weight: bold;
 color: #cd0007;
 padding-left: 13px;
 -moz-transition: all 0.5s;
 -webkit-transition:all 0.5s;
 -o-transition:all 0.5s;
 transition:all 0.5s;
}
.xwlb {
 width: 670px;
 margin:0 auto;
 margin-top: 10px;
}
.xwlb ul li {
 height: 45px;
 line-height: 45px;
 border-bottom: 1px #e6e6e6 dotted;
}
.xwlb ul li a {
 float: left;
 color: #333;
 font-size: 15px;
}
.xwlb ul li span {
 float: right;
 color: #a1a1a1;
 font-size: 14px;
}
.xwlb ul li:hover a {
 font-weight: bold;
 color: #cd0007;
 padding-left: 13px;
}
/*版权信息*/
.footer {
 height: 510px;
 background: url(../images/foot.jpg) center no-repeat;
}
.dbnav {
 width: 220px;
}
.navbt {
 display: block;
 font-size: 20px;
 color: #fff;
 font-weight: bold;
 background: url(../images/xianb.png) left bottom no-repeat;
 height: 50px;
 line-height: 50px;
 margin-top: 30px;
}
.dbnav ul {
 margin-top: 10px;
}
.dbnav ul li {
 color: #e6e6e6;
 font-size: 16px;
 line-height: 28px;
}
.dbnav ul li a {
 color: #e6e6e6;
}
.dbnav ul li:hover a {
 text-decoration: underline;
}
.map {
 width: 350px;
}
 .map ul {
 margin-top: 10px;
}
.map ul li {
 color: #e6e6e6;
 font-size: 16px;
 line-height: 32px;
}
.map ul li a {
 color: #e6e6e6;
}
.map ul li:hover a {
 text-decoration: underline;
}
 .ewm {
 width: 270px;
 padding-top: 30px;
}
.ewm p {
 display: block;
 font-size: 16px;
 color: #fff;
 background: url(../images/tela.png) left center no-repeat;
 padding-left: 60px;
}
.ewm p span {
 font-size: 28px;
 font-family: "Impact";
 display: block;
}
.ewm img {
 margin-top: 10px;
}
.dblx {
 width: 330px;
}
.dblx p {
 line-height: 28px;
 color: #fff;
 font-size: 16px;
 display: block;
 margin-top: 30px;
}
.copyright {
 height: 50px;
 line-height: 50px;
 background:#333;
 text-align: center;
 font-size: 15px;
 color: #d3d3d3;
}
.copyright a {
 color: #d3d3d3;
}
/*当前位置*/
.position_box {
 font-size: 14px;
 line-height:70px;
 background:#eef2f5;
 width:100%;
}
.position_site {
 background: url(../images/home.png) 15px center no-repeat;
 padding-left: 50px;
}
.position_site span {
 font-size:15px;
 color:#5a5a5a;
}
.position_site a {
 color:#666;
 font-size: 14px;
}
.position_site a:hover {
 text-decoration:underline;
}
.position_title {
 color: #333;
 font-size: 18px;
 background: #007bda;
 width: 220px;
 text-align: center;
 color: #fff;
 font-size: 23px;
}
/*主体*/
.main {
 background:url(../images/cybj01.jpg) top center no-repeat;
}
.main .main_right {
 width:100%;
 margin-bottom:50px;
}
.maina .main_rightb {
 width:880px;
 margin-bottom:50px;
 padding-top: 50px;
}
.text {
 line-height:35px;
 font-size:15px;
 color:#666;
 padding:10px;
}
.text span {
 font-size:15px;
 color:#666;
}
.mainBox {
 width: 1200px;
 margin: 0 auto;
 background: #fff;
}
/*产品列表*/
.proList {
 width:80px;
 position:relative;
 margin-top:10px;
}
.proList {
 overflow:hidden;
 width:100%;
}
.proList li {
 width:280px;
 float:left;
 margin:0 10px 30px 10px;
}
.proList li .box {
 width:280px;
 height:210px;
 display:block;
 cursor:pointer;
 border-bottom: 2px #c70025 solid;
}
.proList li .box .spanImg {
 display:block;
 overflow:hidden;
 width:280px;
 height:210px;
 background-position:center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size:cover;
}
.proList li .spanT {
 display: block;
 z-index:10;
 height:55px;
 line-height:55px;
 width:280px;
 margin:auto;
 color:#333;
 font-size:16px;
 background:#f2f5fa;
text-align: center;
}
.proList li:hover .spanT {
 text-align: center;
background:#007bda;
color:#FFF;
}
.proList li .avatar {
 display: block;
 height:210px;
 overflow: hidden;
 width: 280px;
 position: relative;
}
.proList li .avatar {
 height:210px;
}
.proList li .avatar .spanImg:hover, .zhuti .avatar .spanImg:hover, .bbsinner .avatar .spanImg:hover {
 transform: scale(1.3);
 transition: all 1s ease 0s;
 -webkit-transform: scale(1.3);
 -webkit-transform: all 1s ease 0s;
}


/*资质列表*/
.HonorList {
 width:80px;
 position:relative;
 margin-top:10px;
}
.HonorList {
 overflow:hidden;
 width:100%;
}
.HonorList li {
 width:280px;
 float:left;
 margin:0 10px 30px 10px;
}
.HonorList li .box {
 width:280px;
 height:210px;
 display:block;
 cursor:pointer;
 border-bottom: 2px #c70025 solid;
}
.HonorList li .box .spanImg {
 display:block;
 overflow:hidden;
 width:280px;
 height:210px;
 background-position:center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size:cover;
}
.HonorList li .spanT {
 display: block;
 z-index:10;
 height:55px;
 line-height:55px;
 width:280px;
 margin:auto;
 color:#333;
 font-size:16px;
 background:#f2f5fa;
text-align: center;
}
.HonorList li:hover .spanT {
 text-align: center;
background:#007bda;
color:#FFF;
}
.HonorList li .avatar {
 display: block;
 height:210px;
 overflow: hidden;
 width: 280px;
 position: relative;
}
.HonorList li .avatar {
 height:210px;
}
.HonorList li .avatar .spanImg:hover, .zhuti .avatar .spanImg:hover, .bbsinner .avatar .spanImg:hover {
 transform: scale(1.3);
 transition: all 1s ease 0s;
 -webkit-transform: scale(1.3);
 -webkit-transform: all 1s ease 0s;
}
/*分页*/
.fenye {
 text-align:center;
 color:#666;
 font-size:14px;
 line-height:30px;
 padding:20px 0;
}
.fenye .rows {
 color:#666;
 font-size:13px;
 padding:0 10px;
}
.fenye .current {
 display:inline-block;
 margin:0 3px;
 padding:0 10px;
 border:1px solid #cc0000;
 color:#666;
 font-size:14px;
 height:28px;
 line-height:27px;
 border-radius:5px;
 background-color:#cc0000;
 color:#fff;
}
.fenye .num, .fenye .next {
 display:inline-block;
 margin:0 3px;
 padding:0 10px;
 border:1px solid #ddd;
 color:#666;
 font-size:14px;
 height:28px;
 line-height:27px;
 border-radius:5px;
}
.fenye .num:hover, .fenye .next:hover, {
 background-color:#cc0000;
 color:#fff;
 border:1px solid #cc0000;
}
/*新闻列表*/

.news_list {
}
.news_list li {
 border-bottom: 1px dashed #e4e4e4;
 padding:25px;
 background: url(../images/ico2.png) 20px center no-repeat;
}
.news_list li .lMore {
 width: 95px;
 height: 95px;
 background:#bababa;
 text-align: center;
 margin-top: 35px;
}
.news_list li .lMore .one {
 color: #fff;
 display: block;
 font-size: 23px;
 padding-top: 20px;
}
.news_list li .lMore .two {
 color: #fff;
 font-size: 15px;
}
.news_list li .title {
 width: 730px;
 margin-left: 30px;
 margin-top: 35px;
}
.news_list li .title a {
 font-size: 17px;
 color: #333;
 line-height: 35px;
}
.news_list li .title p {
 color: #999;
 font-size: 14px;
 line-height: 26px;
}
.news_list li:hover .lMore {
 background: #d70000
}
.news_list li:hover .title a {
 padding-left: 13px;
 color: #d70000
}
/*详细页面左侧*/

.main_rightb {
 width:880px;
 margin-bottom:50px;
 padding-top: 50px;
}
.tT01 {
 text-align:center;
 line-height:35px;
 margin-top:20px;
}
.tT01 .span1 {
 font-size:24px;
 color:#444;
}
.subtitle {
 font-size: 13px;
 line-height: 24px;
 height: 24px;
 color: #8F8F8F;
 text-align:center;
}
.subtitle span {
 padding:0 10px;
}
.viewpage {
 margin:0;
 padding:20px 0 50px 0;
 border-top:1px solid #f3f3f3;
}
.viewpage .main_r_nav {
 color:#999;
 font-size:14px;
 line-height:30px;
 padding-left: 20px;
 padding-right: 20px;
}
.viewpage .main_r_nav a {
 font-size:14px;
 color:#444
}
.viewpage .main_r_nav a:hover {
 text-decoration:underline;
}
/*右侧*/
.nyyc {
 width: 280px;
 height: auto;
 margin-right: 20px;
 margin-top: 30px;
}
.fenlei span {
 color: #333;
 font-size: 24px;
 font-family: "黑体"
}
.fenlei ul {
 margin-top: 20px;
}
.BigClass {
 height: 50px;
 line-height: 50px;
 background: #007bda;
 margin-bottom: 10px;
 padding-left: 25px;
 font-size: 15px;
 width: 250px;
}
.BigClass a {
 color: #fff;
 display: block;
}
.BigClass:hover {
 background:#d50000;
 cursor: pointer;
}
.BigClass:hover a {
 color: #fff;
}
.smallClass {
 height: 38px;
 line-height: 38px;
 background: #e7e7e7;
 margin-bottom: 10px;
 padding-left: 25px;
 font-size: 15px;
 width: 250px;
}
.smallClass a {
 color: #333;
 display: block;
}
.smallClass:hover {
 background:#d50000;
 cursor: pointer;
}
.smallClass:hover a {
 color: #fff;
}
.nylx {
 width: 245px;
 height: auto;
 background: #f2f2f2;
 padding-bottom: 30px;
 margin-top: 20px;
 padding: 20px 15px 20px 15px;
 margin-bottom: 50px;
}
.nylx span {
 color: #333;
 font-size: 24px;
 font-family: "黑体"
}
.nylx p {
 color: #838383;
 font-size: 14px;
 line-height: 26px;
}
 @media (max-width: 1440px) {
.menu_box {
 width:55%;
 height:90px;
 margin-left:1%;
}
.tel {
 background:url(../images/tel.png) left center no-repeat;
 color:#777;
 font-size:16px;
 padding-left:50px;
 margin-top:20px;
}
}
@media (max-width: 1366px) {
.menu_box {
 width:55%;
 height:90px;
 float:right;
}
#pro-box1 {
 width: 100%;
 overflow: hidden;
 margin: 50px auto;
}
.tel {
 display:none;
}
}
/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
}
/*留言*/
.area {
	margin: 20px 0;
}
.w90 {
	text-align: right;
}
.input {
	width: 380px;
}
.mes .input {
	height: 30px;
	border: 1px solid #ccc;
	padding-left: 3px;
	padding-top: 2px;
}
.mes p {
	color: #999;
}
.require {
	width: 930px;
	height: 120px;
	border: 1px solid #ccc;
	padding-left: 3px;
	padding-top: 2px;
	margin: 7px 0;
}
.submit {
	width: 150px;
	height: 40px;
	text-align: center;
	background: #ef2416;
	color: #FFF;
	border: 0;
	font-family: "微软雅黑";
	font-size: 15px;
	cursor: pointer;
}
.reset {
	width: 150px;
	height: 40px;
	text-align: center;
	background: #ADADAD;
	color: #FFF;
	border: 0;
	font-family: "微软雅黑";
	margin-left: 15px;
	font-size: 15px;
	cursor: pointer;
}